<div class="right-content fl">

                <div class="common-tip">
                    <a href="javascript:void(0)" class="home">Home</a>/
                    <router-link  :to="{ path: '/product/moModel', replace: true }" class="tip">模型模式</router-link>/
                    <router-link  :to="{path:'modelDe',query: {modelId:modelId}}" class="tip">{{modelName}}</router-link>/
                    <a href="javascript:void(0)" class="tip">数据上传</a>
                </div>

                <div class="result-content mt10">

                    <div class="result-tip bgff">
                        <div>
                            <span class="mr10">|</span>
                            <span>选择模型：<em>{{modelName}}</em></span>
                        </div>
                        <div class="sub-result-tip">
                            提示：{{modelDesc}}
                        </div>
                    </div>

                   <!--.data-opt-->
                    <div class="data-opt clear mt10">

                        <!--.target-data-->
                        <div class="target-data bgff fl pl30 pr30">

                            <h3><span>|</span>导入数据</h3>

                            <!--.table-main-->
                            <div class="table-main">


                                <dl v-for="(item, index) in fileHead">
                                    <dt class="clear"><div>{{index+1}}. {{item.tableName}}</div><em class="col_red"></em><button type="button" class="del" :data-tname="item.className" @click="del($event,item.className)">删除</button></dt>
                                    <dd class="bgff clear">
                                        <span v-for="(file, i) in fileList[index]" :data-tname="item.className" :data-cname="file.cloumName">{{file.titleName}}</span>
                                    </dd>
                                </dl>


                            </div>
                            <!--/.table-main-->

                            <div id="uploader" class="wu-example">
                                <!--用来存放文件信息-->
                                <div id="thelist" class="uploader-list"></div>
                                <div class="btns">
                                    <div id="picker">选择文件</div>
                                </div>
                            </div>

                            <p>注：导入的文件支持xls、xlsx、csv，文件大小不可超过100M,文件数不超过10个</p>

                        </div>
                        <!--/.target-data-->

                        <!--.mode-data-->
                        <div class="mode-data fr bgff">

                            <h3>对应数据</h3>

                            <table width="100%">
                                <thead>
                                    <th width="50%">所需字段</th>
                                    <th>关联字段</th>
                                </thead>
                                <tbody id="modeData">

                                    <tr v-for="(item, index) in dataList">
                                        <td>
                                            <em>{{item.valName}}</em><span>{{item.valName}}</span>
                                        </td>
                                        <td class="droppable">
                                            <div class="placeholder">请拖入关联字段</div>
                                            <div class="droppable-data">
                                                <div class="actual-data" data-src=""></div>
                                                <button type="button"></button>
                                            </div>
                                        </td>
                                    </tr>

                                </tbody>
                            </table>

                        </div>
                        <!--/.mode-data-->

                    </div>
                    <!--/.data-opt-->
                  <div class="margin-auto mt10" style="width:400px;">
                    <button type="button" class="cancel-btn" @click="rtnModelList()">取消</button>
                    <button type="button" class="next-btn" @click="submit()">下一步</button>
                  </div>



                </div>
            </div>





